@import "common";

@media (max-width:768px){
   .hotgame .hotgame-contain{
        
        background: none;
    }
    .hotgame2 .hotgame2-contain{
        
        background: none;
    }
}

@media (max-width:992px){
    .gamelist .game-item .text-mask{
        display: none;
    }
}
.slide{
    margin-top: 50px;
}
.hotgame{
    
    .img-wrap{
        margin-bottom: 30px;
    }
}
.hotgame-contain{
    height: 508px;
    background: url(../images/game_bg_02.png) no-repeat left;
}
.hot-icon{
    width: 40px;
    height: 100px;
    background: url(../images/hot-icon.png) no-repeat center;
    >p{
        font-size: 20px;
        color: white;
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
    }
}
.game-detail{
    text-align: right;
    >h1{
        font-size: 29.96px;
        padding-top: 10px;
    }
    >p{
        font-size: 12px;
        color: #898989;
        line-height: 30px;
    }
}

.hotgame2{
   
    .img-wrap{
        margin-bottom: 30px;
    }
    .game-detail{
        text-align: left;
    }

}
.hotgame2-contain{
 
    background: url(../images/game_bg_01.png) no-repeat right;
    padding-bottom: 50px;
}
//热门游戏两个板块到此结束

//更多案例
.gamelist{
    margin-bottom: 50px;
}
.game-item{
    margin-bottom: 30px;
   .item-img{
        position: relative;
        overflow: hidden;
      
        &:hover .text-mask{
            left: 0px;
        }
        
   }
   .text-mask{
       position: absolute;
       top: 0px;
       left: -100%;
       width: 100%;
      height: 100%;
       background:rgba(0,0,0,0.5);
       transition: all 0.5s;
       p{
           padding: 10px 10px;
        color: white;
        font-size: 12px;
       }
   }
   .game-name{
       p{
           padding-top: 10px;
       }
   }
}



